<template>
  <div>
    <router-view/>
    <div class="bg-[#212A41] flex flex-row justify-center">
      <div class="container-width flex flex-row justify-between items-center ">
        <div class="flex flex-col justify-center h-56" style="width: 600px;">
          <div class="flex flex-row justify-between text-white">
            <div>
              <img src="./assets/logo_1.png" style="margin-top:2px;width: 74px;height:18px;" />
            </div>
            <div>
              <a href="/about">
                关于我们
              </a>
            </div>
            <div>
              <a href="/user-agreement">
                用户协议
              </a>
            </div>
            <div>
              <a href="/disclaimer">
                免责声明
              </a>
            </div>
            <div><a href="/product-and-service">产品和服务</a></div>
            <div><a href="/friend">链接合作</a></div>
            <div><a href="/union">联盟伙伴</a></div>
          </div>
          <div class="text-white" style="margin-top:71px;font-size: 12px;font-weight: 500;">Copyright © 2022-2023 , 聚园通科技服务（上海）有限公司 上海市技术市场协会园区服务专业委员会</div>
          <div class="text-white" style="font-size: 12px;font-weight: 500;">网络ICP备案号 沪ICP备2022007903号-1 | 第1园区网1stzone.cn版权所有</div>
        </div>
        <div class="w-52 ml-20">
          <div style="height: 17px;font-size: 12px;font-family: PingFangHK-Medium, PingFangHK;font-weight: 500;color: #818693;line-height: 17px;">联系电话</div>
          <div style="margin-top:2px;height: 28px;font-size: 20px;font-family: PingFangHK-Semibold, PingFangHK;font-weight: 600;color: #FFFFFF;line-height: 28px;letter-spacing: 1px;-webkit-text-stroke: 1px #FFFFFF;text-stroke: 1px #FFFFFF;">021-54562268</div>
          <div style="margin-top:4px;height: 17px;font-size: 12px;font-family: PingFangHK-Medium, PingFangHK;font-weight: 500;color: #818693;line-height: 17px;">微信公众号和企业微信</div>
          <div style="margin-top:9px;" class="flex flex-row">
            <div style="width:56px;height:56px;" class="bg-whiteh"></div>
            <div style="width:56px;height:56px;" class="bg-white ml-5 bg-whiteqi"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  components: {
  }
}


var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?d74354435d6e9021d2ed23a42dbc20b3";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();


</script>

<style lang="scss">
.bg-whiteh{
  background-image: url('../src/assets/weixin.jpg');
  background-size: 100% 100%;
}
.bg-whiteqi{
  background-image: url('../src/assets/yeweixin.png');
  background-size: 100% 100%;
}
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
}

nav {
  padding: 30px;

  a {
    font-weight: bold;
    color: #2c3e50;

    &.router-link-exact-active {
      color: #42b983;
    }
  }
}

html {
	width: 100%;
	height: 100%;
	background: #F9FAF9;
}
option  {
	height: 2.5rem;
	line-height: 2.5rem;
}
a {
	display: block;
}

a:hover {
  cursor:pointer
}


.el-button--primary {
  background-color: #FE7743 !important;
  border-color: #FE7743 !important;
}

.container-width {
  width: 900px;
}
</style>
